/* -.- - Normalize */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

pre {
    margin-bottom: unset !important;
    margin-top: unset !important;
    overflow: unset !important;
    color: unset !important;
    display: unset !important;
    font-size: unset !important;
    font-family: 'Poppins' !important;
    letter-spacing: 0.5px;
}

/* -.- - Override Front Template */
/* Remove extra arrow from dropdown menus after text */
.dropdown-toggle:after {
    content: "";
}

/* -.- - Body */
body {
    font-family: 'Poppins';
}

/* -.- - p */
/* Override Bootstrap paragraph - Itself adds a margin */
p {
    margin-bottom: 0;
}

/* -.- - Navbar */
#slideMenu a:hover {
    border-bottom: 1px solid #ffffff;
    color: #ffcc00;
}

#slideMenu .col-lg-4,
#slideMenu .d-flex {
    padding-bottom: 10px;
    padding-top: 10px;
}

#primary-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/primary.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.dropDown:hover #primary-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/primary.png');
    background-repeat: no-repeat;
    background-position: 50% -48px;
}

#secondary-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/secondary.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.dropDown:hover #secondary-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/secondary.png');
    background-repeat: no-repeat;
    background-position: 50% -48px;
}

#higher-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/higher.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.dropDown:hover #higher-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/higher.png');
    background-repeat: no-repeat;
    background-position: 50% -48px;
}

#custom-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/custom.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.dropDown:hover #custom-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/custom.png');
    background-repeat: no-repeat;
    background-position: 50% -48px;
}

#elt-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/elt.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.dropDown:hover #elt-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/elt.png');
    background-repeat: no-repeat;
    background-position: 50% -48px;
}

#about-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/about.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.dropDown:hover #about-nav {
    height: 48px;
    background-image: url('../../img/nav-bar/about.png');
    background-repeat: no-repeat;
    background-position: 50% -48px;
}

#navBarCont {
    z-index: 9999;
    background-color: #000000;
}

.pad80pxLF20pxUD {
    padding: 20px 80px;
}

/* ****************************************************************************** */
#sideNavBar {
    right: 0;
    top: 0;
    bottom: 0;
    height: 100vh;
    position: fixed;
    z-index: 9999;
    transition: 0.5s;
    width: 0px;
    overflow-y: auto;
}

#navBarCont {
    z-index: 999;
    top: 0;
    position: sticky;
}

#slideMenu {
    list-style: none;
}

#slideMenu li>a {
    display: block;
    padding: 20px;
}

/* NEW NAVBAR */
.subDropDown {
    list-style: none;
    display: none;
}

.subDropDown li:hover {
    background-color: #009d8c;
}

.subDropDown li:hover a {
    text-decoration: none;
    color: #ffffff;
}

.displayBlock {
    display: block;
}

.icon-title {
    padding-top: 20px;
    cursor: pointer;
}

/* -.- - Footer */
#mmGroup {
    width: 170px;
}

#footer {
    background-color: #444;
    color: #aaaaaa;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

#footer a {
    text-decoration: none;
}

#footer a:hover {
    color: #009a93;
}

#footer h6 {
    font-size: 14px;
}

#footer p:nth-of-type(2),
h6 {
    font-style: italic;
}

#footer .container .row .col-md-6 img {
    margin-bottom: 30px;
}

#footer .row:nth-of-type(2) p {
    margin-bottom: 30px;
}

/* -.- - Go to top button */
#back-to-top {
    position: fixed;
    bottom: 10px;
    right: 25px;
    display: none;
    border-radius: 100%;
    border: solid 5px teal;
    width: 10px;
    height: 10px;
}

#back-to-top i {
    position: absolute;
    bottom: 30%;
    left: 50%;
    transform: translateX(-50%);
}

.fa-chevron-up {
    color: teal;
}

/* -.- - Cookie Button */
#cookie {
    position: fixed;
    bottom: 0;
    transform: translate(50%);
    right: 50%;
    z-index: 999;
    opacity: 0.97;
    max-width: 68%;
}

#cookie .alert {
    background-color: rgb(233, 231, 231);
}

#cookie button {
    background-color: teal;
    border-color: teal;
}

/* Override Front Template */
.alert {
    margin-bottom: 10px;
}

/* End of Digital Kids En */